<!DOCTYPE html>
<!--[if IE 8]>
<html lang="zh-CN" class="ie8" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zh-cmn-Hans-CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<!--<![endif]-->
<head th:replace="head :: common_header(~{::title},~{::link})">
    <title>庭审信息管理平台-首页</title>
    <link rel="stylesheet" type="text/css" th:href="@{/assets/plugins/bootstrap-table/bootstrap-table.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/assets/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/assets/css/loading.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/assets/css/sys_server_status.css}">
    <!-- ================== END PAGE LEVEL CSS STYLE ================== -->
</head>
<body>
<!-- begin #page-container -->
<!--loading 加载层-->
<div th:replace="~{head :: loading}"></div><!-- begin #page-container -->
<div id="page-container" class="page-container fade page-without-sidebar">
    <div th:replace="~{head.html :: head_nav(${session.user.realName})}"></div>
    <!-- begin #content -->
    <div id="content" class="content">
        <!-- begin breadcrumb -->
        <ol class="breadcrumb cmp-breadcrumb">
            <li>
                <a th:href="@{/index.html}"><i class="fa fa-home fa-lg"></i><span
                        class="context-span">&nbsp;主页</span></a>
            </li>
            <li>
                <a href="javascript:base.back();"><i class="fa  fa-arrow-left fa-lg"></i><span class="context-span">&nbsp;后退</span></a>
            </li>
            <li class="active">
                <a href="javascript:location.reload();"><i class="fa fa-refresh fa-lg"></i><span class="context-span">&nbsp;法庭实况</span></a>
            </li>
        </ol>
        <!-- end breadcrumb -->
        <div class="panel cmp-panel">
            <div class="panel-body">
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="tab-span" id="sys_court_status"><a th:href="@{/system_monitor/sys_court_status}"><span>法庭状态</span></a></li>
                    <li role="presentation" class="active tab-span" id="sys_server_status"><a href="javascript:void(0);" th:href="@{/system_monitor/sys_server_status}"><span>服务器状态</span></a></li>
                    <li role="presentation" class="tab-span" id="sys_equipment_management"><a th:href="@{/system_monitor/sys_equipment_management}"><span>设备管理</span></a></li>
                </ul>
                <div class="panel-body">
                    <div class="container-fluid">
                        <div class="row row-no-margin">
                            <div class="col-md-12" id="stroge_panel">
                                <div class="panel panel-item">
                                    <p class="text-left"><span>&nbsp;&nbsp;cpu</span></p>
                                    <p class="text-right"><span>速度：</span><span
                                            id="cpu_speed"></span><span>&nbsp;&nbsp;</span><span>利用率：</span><span
                                            id="cpu_usage"></span>&nbsp;&nbsp;</p>
                                    <div class="cpu-chart" id="chart_cpu"></div>
                                </div>
                                <div class="panel panel-item">
                                    <p class="text-left"><span>&nbsp;&nbsp;内存</span></p>
                                    <p class="text-right"><span>使用中：</span><span id="memory_usage"></span><span>&nbsp;&nbsp;</span><span>可使用：</span><span
                                            id="memory_free"></span>&nbsp;&nbsp;</p>
                                    <div class="cpu-chart" id="chart_memory"></div>
                                </div>
                                <div class="panel panel-item">
                                    <p class="text-left"><span>&nbsp;&nbsp;网络</span></p>
                                    <p class="text-right"><span>发送：</span><span id="network_send"></span><span>&nbsp;&nbsp;</span><span>接收：</span><span
                                            id="network_recevie"></span>&nbsp;&nbsp;</p>
                                    <div class="cpu-chart" id="chart_network"></div>
                                </div>
                                <div class="panel panel-item">
                                    <div class="col-md-6">
                                        <p class="text-center"><span>cpu温度</span></p>
                                        <div class="disk-chart" id="chart_board"></div>
                                    </div>
                                    <div class="col-md-6">
                                        <p class="text-center"><span>磁盘空间</span></p>
                                        <div class="disk-chart" id="chart_disk"></div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <!-- end #content -->

    <!-- begin scroll to top btn -->
    <a href="javascript:;" class="btn btn-icon btn-circle btn-blue btn-scroll-to-top fade" data-click="scroll-top"><i
            class="fa fa-angle-up"></i></a>
    <!-- end scroll to top btn -->
</div>
<div th:replace="head :: footer_js(~{::script})">
    <!--&lt;!&ndash; ================== BEGIN PAGE LEVEL JS ================== &ndash;&gt;-->
    <script th:src="@{/assets/plugins/bootstrap-table/bootstrap-table.js}"></script>
    <script th:src="@{/assets/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js}"></script>
    <script type="text/javascript" th:src="@{/assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js}"></script>
    <script type="text/javascript" th:src="@{/assets/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js}" charset="UTF-8"></script>
    <script type="text/javascript" th:src="@{/assets/plugins/bootstrap-paginator/bootstrap-paginator.js}"></script>
    <script th:src="@{/assets/plugins/echart/echarts.js}"></script>
    <script th:src="@{/assets/js/sys_server_status.js}"></script>
    <!-- ================== END IMPORT JS ================== -->
    <script>
        $(document).ready(function () {
            App.init();
        });
    </script>
</div>
</body>
</html>